<template>
  <el-popover :visible="popperVisible" popper-class="customerSeviceButton-popover-class" trigger="click">
      <template #reference>
        <el-button @click="popperVisible = !popperVisible" class="customerSeviceButton">咨询客服</el-button>
      </template>
      <customerService></customerService>
    </el-popover>
</template>

<script setup>
import {ref} from 'vue';
import customerService from './index.vue';
const popperVisible = ref(false)
</script>

<style scoped>
.customerSeviceButton{
    position: fixed;
    bottom: 20px;
    right: 20px;
}
</style>
<style lang="scss">
.customerSeviceButton-popover-class{
    padding: 0 !important;
    width: 360px !important;
    height: 650px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border: 0 !important;
}
</style>
